.ElectronicFence {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

    &>.OrgList {
        width: 320px;
        height: 100%;
        margin-right: 8px;
        overflow-y: scroll;
    }

    &>.MapInfo {
        flex: 1;
        height: 100%;
        overflow: hidden;
        border-radius: 8px;

        &>.MapBox {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;

            &>.Map {
                width: 100%;
                height: 100%;
                position: absolute;
                z-index: 1;
            }

            &>.MapList {
                position: absolute;
                left: 16px;
                top: 16px;
                bottom: 16px;
                width: 320px;
                background: white;
                border-radius: 8px;
                padding: 16px;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                flex-direction: column;

                &>.List {
                    flex: 1;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    overflow: hidden;

                    &>.ListBox {
                        width: 100%;
                        height: 100%;
                        overflow-y: scroll;

                        &::-webkit-scrollbar {
                            display: none;
                        }

                        &>.List__item {
                            margin: 4px;
                            padding: 8px;
                            background: #f5f5f5;
                            border-radius: 8px;


                            &>div:first-child {
                                font-family: ShuHeiTi;
                                font-weight: bold;
                                font-size: 20px;
                                color: #262626;
                            }

                            &>div:last-child {
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                flex-wrap: wrap;
                            }
                        }
                    }
                }
            }
        }
    }
}